<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理后台</title>
    <link rel="stylesheet" href="../../css/fontStyle.css">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/modelBox.css">
    <link rel="stylesheet" href="../../css/user/userList.css">
    <link rel="stylesheet" href="../../css/backPage.css">
</head>
<body>
<!-- 查询 -->
<div class="select" id="select">
    <div>
        <input type="text" id="selectKey">
    </div>
    <div>
        <label>更新时间:</label>
        <input type="date" id="startTime">
        <label >至</label>
        <input type="date" id="endTime">
    </div>
    <div>
        <label>学历:</label>
        <select name="selectEducation" id="selectEducation">

        </select>
    </div>
    <div>
        <label>角色:</label>
        <select name="selectRole" id="selectRole">

        </select>
    </div>
    <div>
        <label>状态:</label>
        <select name="selectState" id="selectState">

        </select>
    </div>
    <div class="btn_search" title="搜索" onclick="select()"><i class="iconfont icon-search">&#xe68f;</i></div>
    <div class="btn_reset" title="清空" onclick="clearAll()"><i class="iconfont icon-reset">&#xe946;</i></div>
</div>

<table class="table  table-striped">
    <caption>用户列表</caption>
    <thead>
    <tr>
        <th>id</th>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>学历</th>
        <th>角色</th>
        <th>现住址</th>
        <th>电话</th>
        <th>注册时间</th>
        <th>状态</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="tbody"></tbody>
</table>

<!-- 分页 -->
<div id="backPage"></div>

<div id="edit-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <div>
            <lable>修改信息</lable>
        </div>
        <div>
            <div>编号:</div>
            <div><input type="text" id="userCode" name="userCode" style="border: none" readonly="readonly"></div>
        </div>
        <div>
            <div>姓名:</div>
            <div><input type="text" id="updateName" name="name"></div>
        </div>
        <div>
            <div>性别:</div>
            <div id="updateSex">

            </div>
        </div>
        <div>
            <div>学历:</div>
            <div>
                <select name="education" id="updateEducation">

                </select>
            </div>
        </div>
        <div>
            <div>现住址:</div>
            <div><input type="text" id="updateAddress" name="address"></div>
        </div>
        <div>
            <div>电话:</div>
            <div><input type="text" id="updatePhone" name="phone" maxlength="11"></div>
        </div>
        <div>
            <div>角色:</div>
            <div>
                <select name="role" id="updateRole">

                </select>
            </div>
        </div>
        <div class="edit-button">
            <div><a href="#close" title="关闭" class="modalBox-close-btn"><input type="button" value="确认" onclick="doEdit()"></a></div>
            <div>
                <a href="#close" title="关闭" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>

<!-- 删除模态框start -->
<div id="del-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <input id="delUserCode" name="delUserCode" hidden="hidden">
        <div>
            <label id="tips"></label>
        </div>
        <div class="del-button">
            <div><input type="button" value="确认" id="delBtn" onclick="doDel()"></div>
            <div>
                <a href="#close" title="关闭" id="closeBtn" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- end -->

<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/user/userList.js"></script>
</body>
</html>